.app-wrapper {
    @include clearfix;
    position: relative;
    height: 100%;
    width: 100%;
}

.scroll-container {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #304156;
    
  }
.scroll-container .scroll-wrapper {
      position: absolute;
       width: 100%!important;
    }
.el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
}

/* 主体区域 */
.main-container {
    min-height: 100%;
    transition: margin-left .28s;
    margin-left: 200px;
}

/* 侧边栏 */
.sidebar-container {
    transition: width .28s;
    position: fixed;
    top: 0;
    left: 0;
    max-width: 200px;
    width: 200px;
    height: 1080px;
    background-color: #304156;
}
.sidebar-hide .sidebar-container{
    transition: width .28s;
    width: 65px!important;
}
.sidebar-container .nest-menu .el-submenu>.el-submenu__title,
.sidebar-container .el-submenu .el-menu-item {
    min-width: 180px !important;
    background-color: #1f2d3d !important;

    
}
.sidebar-container .nest-menu .el-submenu>.el-submenu__title,
.sidebar-container .el-submenu .el-menu-item:hover {
        background-color: #001528!important;
    }
.el-menu--collapse .el-menu .el-submenu {
    min-width: 180px !important;
}

/* 适配移动端 */
.mobile .main-container {
    margin-left: 0px;
}
.mobile .sidebar-container {
    top: 50px;
    transition: transform .28s;
    width: 180px !important;
}
.withoutAnimation .main-container,
    .sidebar-container {
        transition: none;
    }